<template>
  <div class="app_container">
    <h3  class="module_head">退款-管理者</h3>
    <el-form label-width="100px" class="administer_recharge_form">
      <el-form-item label="卡号：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="人员id：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="人员姓名：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="部门id：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="部门名称：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="退款原因：">
        <el-select
          placeholder="请选择退款原因"
          v-model="value">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="退款金额：">
        <el-radio label="1">50元</el-radio>
        <el-radio label="2">100元</el-radio>
        <el-radio label="3">200元</el-radio>
        <el-radio label="4"><el-input style="width: 80px; margin-right: 10px"></el-input>元</el-radio>
      </el-form-item>

      <el-form-item class="btns">
        <el-button type="primary">退款</el-button>
        <el-button type="info">重置</el-button>
      </el-form-item>

    </el-form>
  </div>
</template>

<script>
export default {
  name: 'AdministerRefund',
  data() {
    return {
      administerRefundForm: {
        cardNumber: undefined,
        cardCashToRefund: undefined,
        personId: undefined,
        personName: undefined,
        deptId: undefined,
        deptName: undefined,
        description: undefined,
        eventType: undefined,
        balance: undefined,
      },
      value: undefined,
      options: [{
        value: '离职退款',
        label: '离职退款'
      }, {
        value: '现金退款',
        label: '现金退款'
      }, {
        value: '少扣退款',
        label: '少扣退款'
      }, {
        value: '其他退款',
        label: '其他退款'
      }]
    }
  }
}
</script>

<style scoped>
.app_container{
  padding: 20px;
}
.module_head{
  margin-top: 0;
}
.administer_recharge_form{
  width: 500px;
  margin: 0 auto 0 auto;
}
.el-form-item{
  margin-bottom: 10px;
}
.btns{
  margin-left: 120px;
}
</style>
